layui.use(['upload','layer'], function () {
    var upload = layui.upload;
    var layer=layui.layer;
    var router=layui.router();
    var  files;

    var loginId_p=$.cookie('loginAdminId');//获取cookie
    if (loginId_p==null||loginId_p=='null'){//判断是否登陆 =null=没登陆
        layer.alert("您还未登录",function () {
            window.location.replace("/games_info_sys/backstage_web/login.html");
        });
    }else if(atob(loginId_p).indexOf("Logined:")==0) {//登陆状态中

        //获取json当前key的下标位置
        function getJsonIndex(jsonData, index) {
            var jsonLength = 0;
            for (var item in jsonData) {
                if (item == index) {
                    return jsonLength++;
                } else {
                    jsonLength++;
                }
            }
        }

        //获取json的length
        function getJsonLength(jsonData) {
            var jsonLength = 0;
            for (var item in jsonData) {
                jsonLength++;
            }
            return jsonLength;
        }


        //普通图片上传
        var uploadInst = upload.render({
            elem: '#test10'
            , url: '/games_info_sys/games/uploadGimageById.do' //改成您自己的上传接口
            , auto: false//关闭自动上传
            , bindAction: '#test9'//绑定上传按钮
            , multiple: true//开启多文件上传
            , acceptMime: 'image/*'//筛选上传文件类型
            , size: 4096//设置上传文件大小
            , number: 11
            , data: {
                gId: function () {
                    return router.search.gId;
                }
            }
            , before: function (obj) { //obj参数包含的信息，跟 choose回调完全一致，可参见上文。
                if (getJsonLength(files) <= 0) {
                    layer.alert("上传列队为空,请选择图片!")
                } else {
                    layer.load(); //上传loading
                }

            }
            , choose: function (obj) {
                //将每次选择的文件追加到文件队列
                files = obj.pushFile();
                //每次选择文件上传的回调方法，不支持ie8
                obj.preview(function (index, file, result) {
                    //添加当前文件预览样式
                    $('#demo2').append('<img title="点击图片将其移出上传队列" id="' + index + '" src="' + result + '" alt="' + file.name + '" class="upload_preview">')
                    //获取文件后缀
                    var houzhui = file.name.substring(file.name.length - 4, file.name.length);
                    var filename = router.search.gId + '_' + getJsonIndex(files, index) + houzhui;
                    obj.resetFile(index, file, filename);
                    $('#demo2').find('.upload_preview').on('click', function () {
                        var id = $(this).attr("id");
                        delete files[id];//从队列删除选择的文件
                        this.remove();
                    })
                    if (getJsonLength(files) > 11) {//当队列图片数量大于11
                        layer.alert("图片超过数量,最大上传数量为11张!");
                        delete files[index];//从队列删除超过数量的文件
                        $('#' + index).remove();//将图片文件预览样式从页面移除
                    }

                });
            }
            , done: function (res) {
                layer.closeAll('loading'); //关闭loading
                if (res.code > 0) {
                    return layer.msg('上传成功');
                } else {
                    return layer.msg('上传失败');
                }
            }
            , error: function () {
                layer.closeAll('loading'); //关闭loading
                //关闭当前层
                var index = parent.layer.getFrameIndex(window.name); //得到当前iframe层的索引
                parent.layer.close(index); //再执行关闭
            }
        });

        //当上传按钮点击时
        $('#test9').click(function () {
            $('#test9').after('<button type="button" class="layui-btn layui-btn-blue" id="saveUpdateBtn">应用图片</button>');
            //触发确认上传按钮
            $('#saveUpdateBtn').click(function () {
                $.get("/games_info_sys/games/saveUpdateGImage.do?gId=" + router.search.gId, function (res) {
                    if (res == "1") {
                        layer.alert("图片应用成功!", function () {
                            //关闭当前层
                            var index = parent.layer.getFrameIndex(window.name); //得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                        });

                    } else {
                        layer.alert("图片应用失败!", function () {
                            //关闭当前层
                            var index = parent.layer.getFrameIndex(window.name); //得到当前iframe层的索引
                            parent.layer.close(index); //再执行关闭
                        });

                    }
                })
            })
        })
    }
})